<template>
 <v-app>
    <v-navigation-drawer app>
      <asidebar></asidebar>
    </v-navigation-drawer>
    <v-toolbar app>
      <toolbar></toolbar>
    </v-toolbar>
    <v-content>
      <v-container>
        <router-view></router-view>
      </v-container>
    </v-content>
    <v-footer app></v-footer>
  </v-app>
</template>

<script>
import asidebar from './components/aside'
import Hello from './components/HelloWorld'
import toolbar from './components/toolbar'
import newaside from './components/newaside'

export default {
  name: 'App',
  components: {
    asidebar,
    Hello,
    toolbar,
    newaside
  }
}
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
